<template>
  <div class="background">
    <div class="img-box">
      <!-- <img src="../assets/wallhaven-969w3d.jpg" alt="" /> -->
      <h2>welcome</h2>
    </div>
  </div>
</template>

<script>
export default {}
</script>

<style lang="less" scoped>
.background {
  height: 100%;
}
.img-box {
background-image: url(../assets/wallhaven-969w3d.jpg);
background-repeat: no-repeat;
// background-attachment: fixed;
background-size: 100% 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
>h2{
  margin: 0;
  font-size: 70px;
  color: #fff;
z-index: 2;
}
}
</style>